/**
 * Created by Administrator on 2017/3/15.
 */
var Password = require('../../../../src/libs/password');
var Button = require('../../../../src/libs/button');
var FormItem = require('../../../../src/libs/form-item');

var Step2 = React.createClass({
    getDefaultProps:function() {
        return{
            pagedm:this.props.pagedm
        }
    },
    render:function(){
        var pagedm = this.props.pagedm;

        return(
            <div className="form-reg reset-form">
                <FormItem label={pagedm.password.label} dmbind={pagedm.password.dmbind}>
                    <Password placeholder={pagedm.password.placeholder} dmbind={pagedm.password.dmbind}/>
                    <div className="tips-wrap weak">
                        <span className="text-tips weak-span">弱</span>
                        <span className="text-tips normal-span">中</span>
                        <span className="text-tips strong-span">强</span>
                    </div>
                </FormItem>
                <FormItem label={pagedm.newPwd.label} dmbind={pagedm.newPwd.dmbind}>
                    <Password placeholder={pagedm.newPwd.placeholder} dmbind={pagedm.newPwd.dmbind}/>
                </FormItem>
                <div className="form-group auto-height form-btn">
                    <label>&nbsp;</label>
                    <Button value="下一步" className="ucs-btn-confirm btn-width" onclick={pagedm.btnNext2.onClick}/>
                </div>
            </div>
        )
    }
});
module.exports = Step2;